*{
	padding: 0px;
	margin: 0px;
}

html{
	height: 100%;
}

body{
	height: 100%;
	width: 100%;
	position: relative;
	text-align: center;
}

header{
	width: 100%;
	height: 60px;
}

header nav{
	margin-top: 20px;
	float: right;
	margin-right: 20px;
}

header a{
	display: inline-block;
	height: 34px;
	width: auto;
	color: #333;
    font-weight: bold;
    line-height: 34px;
    margin-left: 20px;
    font-size: 13px;
    text-align: center;
}

#more{
	width: 80px;
	color: #fff;
	background-color: #2d78f4;
	text-decoration: none;
}

#content{
	margin-top: 20px;
	text-align: center;

}
#content form{
	width: 610px;
	position: relative;
	margin: 0 auto;
}

#content img{
	width: 270px;
	margin-bottom: 20px;
}

#content .inputbox {
	float: left;	
	display: inline-block;
	width: 500px;
	height: 35px;
	font-size: 18px;
	border: 1px solid #aaa;
	padding-left: 5px;
	text-align: left;
	position: relative;
}

#content .inputbox:hover {
	border: 1px solid #3388ff;
}

#content .inputbox .insidebox{
	width: 460px;
	height: 35px;
	margin-left: 5px;
	border: none;
    outline: 0;
	/*-webkit-appearance: none;*/
	font-size: 18px;

}

.camerabtn{
	position: absolute;
    right: 11px;
    top: 50%;
    margin-top: -8px;
    height: 16px;
    width: 18px;
    background: url(../img/camera_new_679c15cc.png) no-repeat;
    cursor: pointer;
}

.camerabtn:hover{
	background-position:0 -20px
}

#content button {
	float: left;
	color: #fff;
	background-color: #2d78f4;
	border: none;
	padding-top:10px;
	height: 37px;
	width: 100px;
	font-size: 16px;
	padding-top: 0px;
    padding-right: 0px;
}

.setbar{
	display: none;
	position: absolute;
	right: 100px;
	top: 50px;
	height: 100px;
	width: 70px;
	background-color: #fff;
	border: 1px solid #d1d1d1;
	box-shadow: 1px 1px 5px #d1d1d1;
	z-index: 9;
}

.setbar a{
	height: 25px;
	display: block;
	text-decoration: none;
	font-size: 13px;
	color: #000;
	line-height: 25px;
}

.setbar a:hover{
	background-color: #3388FF
}

.sidebar{
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 120px;
	font-size: 13px;
	font-weight: bold;
	background-color: #f9f9f9;
	border-left: 1px solid #e7e7e7;
	text-align: center;
	z-index: 10;
}

.bar-head{
	width: 60%;
	height: 75px;
	border-bottom: 1px solid #e7e7e7;
	line-height: 75px;
	margin: 0 auto;
}

.bar-item{
	width: 60%;
	text-align: center;
	margin: 10px auto;
	border-bottom: 1px solid #e7e7e7;
	color: #000;
	text-decoration: none;
	display: block;
}

.bar-item:hover{
	text-decoration: underline;
}

.bar-item p{
	margin-bottom: 8px;
}

.bar-item span{
	margin: 10px auto 5px;
	
	height: 36px;
    display: block;
    background: url(../img/bdbri_icons_2e35e84b.png) no-repeat;
    cursor: pointer;
}
.bar-item span.item-1{width: 36px;}
.bar-item span.item-2{background-position: -36px; width: 36px;}
.bar-item span.item-3{background-position: -72px -10px;width: 40px;}
.bar-item span.item-4{background-position: -112px;width: 36px;}
.bar-item span.item-5{background-position: -148px;width: 36px;}
.bar-item span.item-6{background-position: -184px;width: 36px;}
.bar-item span.item-7{background-position: -220px;width: 36px;}

.sidebar .all{
	color: #000;
}

footer{
	color: gray;
	line-height: 18px;
	font-size: 12px;
	text-align: left;
	width: 650px;
	position: absolute;
	left: 50%;
	margin-left:-325px; 
	bottom: 50px;
}
footer a{
	color: gray;
}

#qrcode,.qrcode-item,#about{
	float: left;
}

#qrcode .qrcode-img {
	margin: 5px;
    float: left;
    width: 60px;
    height: 60px;
}

#qrcode .qrcode-text {
    float: left;
    line-height: 23px;
    margin: 8px 30px 0 10px;
}

#qrcode .qrcode-item-1 .qrcode-img {
    background: url(../img/zbios_a4b2d86f.png) 0 0 no-repeat;
}

#qrcode .qrcode-item-2 .qrcode-img {
    background: url(../img/nuomi_510f7472.png) 0 0 no-repeat;
}

.icon {
	position: relative;
	top: 5px;
	display: inline-block;
    overflow: hidden;
	height: 20px;
	width: 15px;
	background: url(../img/icons_0e814c16.png) 0 0 no-repeat;
}

.icon-2{
	background-position: -23px;
}

